import { createRouter, createWebHashHistory } from "vue-router"

// 2. 定义一些路由
// 每个路由都需要映射到一个组件。可以有嵌套子路由。
const routes = [{
	path: '/',
	name: 'home',
	component: () => import('@/views/home/index.vue')
}, {
	path: '/todo',
	name: 'todo',
	component: () => import('@/views/todo/index.vue')
}, {
	path: '/productList',
	name: "productList",
	component: () => import('@/views/product/productList.vue')
}, {
	path: '/productDetail',
	name: "productDetail",
	component: () => import('@/views/product/productDetail.vue')
}]

// 3. 创建路由实例并传递 `routes` 配置
const router = createRouter({
	// 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
	history: createWebHashHistory(),
	routes, // `routes: routes` 的缩写
})
export default router